@sidenav-bg-active: #09c;
@sidenav-bg: #293038;

.bf-body{
	position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0px;
    background-color: #000;
    z-index: 100;
}

.bf-sidenav{
	position: fixed;
	top: 50px;
	left: 0;
	bottom: 0;
	width: 180px;
	background-color: @sidenav-bg;
	font-size: 12px;

	.list-group-item{
		border-radius: 0;
		background-color: transparent;
		border: none;
		color: #eee;
		padding-top: 12px;
		padding-bottom: 13px;

		&:hover, &:focus{
			color: #fff;
			background-color: lighten(@sidenav-bg, 10%);
		}

		&.active{
			background-color: @sidenav-bg-active;
		}
	}

	.fa{
		margin-right: 10px;
		font-size: 1.5em;
		position: relative;
		top: 2px;
	}
}

.bf-panel{
	position: absolute;
	top: 0;
	left: 180px;
	right: 0;
	padding: 10px;

	h3, .h3{
		margin-top: 5px;
	}
}

.sidebar-fold{
	font-size: 12px;
	background-color: lighten(@sidenav-bg, 7%);
	height: 30px;
	color: #bbb;
	text-align: center;
	line-height: 30px;
}